<!-- 试试就逝世 -->
<html>
 <head>
  <title>链接</title>
<style type="text/css">
h5{color: darkblue;}
</style>
 <body>
<!-- 标题 -->
      <h1>baidu</h1>
<!-- 网站的链接 -->
    <a href="https://www.baidu.com">百度的链接</a>
    <a href="https://www.baidu.com" style="text-decoration:none ;">百度的链接（无下划线）</a>
<!-- 平衡线 -->
    <hr />
<!-- 图片的链接 -->
    <img src="u=205441424,1768829584&fm=26&gp=0.jpg">
<!-- 各种段落 -->
<p>
    段落
</p>
<p>
    还是段落
</p>
<p>
    依旧是段落开不开心
</p>
<p>
    这次的是<br>折行<br>
</p>
<p>
            <!-- 加粗 -->
    我这次一定要<b>超越</b>
    <br />
    <!-- 这玩意也是加粗的 -->
        <strong>yyl</strong>
    <br />
         <!-- 字体变大 -->
        <big>把他挤下去</big>
    <br />
         <!-- 字体变小 -->
        <small>把陈浩洋拉上来才是主要目的</small>
    <br />
         <!-- 剩下的全部都是字体变斜体 -->
        <em>好像没啥要说的了。</em>
    <br />
        <i>干嘛你还在看啊，我这只是尝试编码而已</i>
    <br />
        等等这还剩什么
        <!-- 下标 -->
        <sub>上标下标啥的</sub>
        <!-- 上标 -->
        <sup>这编码就不能换换嘛，<br>上标搞了个p，下表弄了个b，<br>指的方向都不对怎么弄吗，靠！</sup>
</p>
<p>
    <!-- 空行的编码 -->
    <pre>
        尝试一下空行是    
        怎样弄得   ，  所以这空行就是
        这样形成的嘛：）
    </pre>
</p>
<p>
    <!-- 标签的样式 -->
    <code>计算机输出</code>
<br />
    <kbd>键盘输入</kbd>
<br />
    <tt>打字机文本</tt>
<br />
    <samp>计算机代码样本</samp>
<br>
    <var>计算机变量</var>
<br>
</p>
<p>
    <b>注释：</b>以上都是常用于显示计算机/编程代码的。
</p>
<p>
    <!-- 文本中的地址 -->
    <address>
        Baidu's <a href="https://www.baidu.com"></a>.<br>
        Visit us at:<br>
        Baidu.com<br>
        China
    </address>
</p>
<p>
    <!-- 首字母缩写 -->
    <acronyom title="United states of Americs">USA</acronyom>
    <br />
    <!-- 单词缩写 -->
    <abbr title="because">b/c.</abbr>
</p>
<p>新的风暴已经出现，怎么能够停止不前</p>
<p>
    <!-- 文字反转 -->
    <bdo dir="rtl">新的风暴已经出现，怎么能够停止不前</bdo>
</p>
<p>2021年哥斯拉第三部大电影：
    <!-- 引用句 -->
    <q>《哥斯拉大战金刚》即将上映，到时候请到电影院看哦！<br>十分震撼</q>
    我好期待啊！
</p>
<P>
    My favorite color is <del>black</del> <ins>blue</ins>!
</P>
<p>
    <!-- 主题排版 -->
    <div style="opacity: 0.5;position: absolute;left: 50px;width: 300px;height: 150px;background-color: #40b3df;"></div>
</p>
<!-- 字体背景颜色 -->
<h2 style="background-color: blanchedalmond;">百度的微改版</h2>
<p style="background-color: blue;">乱输一通</p>
<!-- 字体的大小以及字体的颜色 -->
<h3 style="font-family: Verdana">一个正常的标题</h3>
<p style="font-family: Arial;color: crimson;font: size 20px;">一个小小的段落</p>
<h4 style="text-align: center;">居中对齐的一个标题</h4>
<!-- 另一种变色的编码，详细请参考5-6条 -->
<h5>我变蓝了。</h5>
<p>
    <a href="https://www.runoob.com/">菜鸟网站</a>是网站的一个界面链接
</p>
<p><a href="https://www.microsoft.com">万维网界面</a>这是个指向万维网上的页面的链接。</p>
<p>
    <a href="https://cm365.xyz/7MJX9t" target="_blank">小小的学习资料
    </a>
</p>
<p>
    <a href="file:///C:/%E5%B0%9D%E8%AF%95/01/1.html" target="_top">退出点这里</a>
</p>
<p>
    一张笑脸的图像
    <img src="smiley.gif" alt="Smiley face" width="32" height="32">
</p>
<p>
    一个动图
    <img src="hackanm.gif" alt="Computer man" width="48" height="48">
</p>

</body>
</html>